import Vue from 'vue'
import Component from 'vue-class-component'
import '../../product/productStyle.css'

@Component
export default class OrderProductClass extends Vue {
  render () {
    return (
      <div class='productItemStyle'>
        <img src = 'https://timgsa.baidu.com/timg?image&quality=80&size=b9999_10000&sec=1511244729703&di=ed1f96ae847b491b3dccedd9fed3a473&imgtype=0&src=http%3A%2F%2Fimg10.360buyimg.com%2Fn1%2Fs900x900_g12%2FM00%2F03%2F01%2FrBEQYVM0yEMIAAAAAAC0bZC4mzEAADa6wBbgJAAALSF210.jpg'/>
        <div style='position:relative'>
          <p>可爱多系列</p>
          <p>单价：<font>￥10,000</font></p>
          <h1 style='color:#000'>数量：11</h1>
          <h2 style='right:20px;position:absolute;bottom:20px;color:#ff4545'>合计：￥20,000</h2>
        </div>
      </div>
    )
  }
}
